@charset "UTF-8";
body,li
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
section,
article,
aside,
header,
footer,
nav,
dialog,
figure,
hgroup,
em,
button,
a,
input {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
  outline: none; }

p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
tr,
th,
td,
dt,
dd,
div {
  word-wrap: break-word;
  -webkit-user-select: none;
  user-select: none; }

html {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent; 
  font-size: 62.5%; 
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none; }

body {
  position: relative;
  /*min-width: 320px;*/
  background-color: #fff;
  font-size: 1.3rem;
  color: #1b374b;
  -webkit-text-size-adjust: 100%; }
  a,a:hover{
	color: #1b374b;
  }
/** 设置默认字体 **/
body, select, input, pre, iframe,span {
  font-family: "Helvetica Neue","Hiragino Sans GB W3","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,
  /**td,**/ tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
  border: 0;  
  font-family: 'Static-Bold','Microsoft Yahei', 'Hiragino Sans GB', 'Arial', 'sans-serif' ;  /*第一个是英文，其余是汉字的字体*/
}

/** 重置列表元素 **/
ul, ol, li {
  list-style: none; }

em, i {
  font-style: normal; 
}

img {
  width: 100%;
  border: 0;
  -ms-interpolation-mode: bicubic;
  -webkit-interpolation-mode: bicubic; }
table {
  border-collapse: collapse;
  text-align: center; }
button {
  border: none;
  color: #fff;
  line-height: 100%;
  font-family: 'Microsoft YaHei'; }

textarea{width: 100%}
input,textarea,select {
  border: 0;
  padding: 0 5px;
  -webkit-appearance: none;
}
/****删除Safari样式*****/
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type='text'],
button {
   -webkit-appearance: none;
    cursor:pointer;
    border-radius: 0;
}
table {
  border-collapse: collapse;
  text-align: center; }

button {
  border: none;
  color: #fff;
  line-height: 100%;
  font-family: 'Microsoft YaHei'; 
  -webkit-appearance: none;
 }

select {
  outline: none; }

::-webkit-scrollbar {
  width: 0;
  opacity: 0; }

::-webkit-scrollbar-track {
  background: rgba(255, 255, 0, 0);
  opacity: 0; }

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 0, 0);
  opacity: 0; }

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 0, 0);
  opacity: 0; }

input[type='text'],
input[type='tel'],
input[type='password'] {
  color: #9b9b9b;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none; }
  input[type='text']::-webkit-input-placeholder,
  input[type='tel']::-webkit-input-placeholder,
  input[type='password']::-webkit-input-placeholder {
    color: #ccc; }
*:focus {
  outline:none;
}
/** 重置超链接元素 **/
a {
  text-decoration: none;  
  outline: none;
  star: expression(this.onFocus = this.blur ());
  display: block;
}
a:hover {
  text-decoration:none;
  
}
a:link {
  /* color: #999; */
  text-decoration: none;
  
}

a:visited {
  /* color: #999; */
  text-decoration: none;
}

a:focus {
  -moz-outline-style: none;
}

a:active {
  outline: none;
  text-decoration: none;
  background-color: none;
}
/** 重置图片元素 **/
img {
  border: 0px;
}
/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  padding: 0;
  margin: 1rem 0;
  border-bottom: 1px solid #eef3f5;
}
@font-face
{
font-family: sentinel;
src: url('../font/sentinel.ttf'),
     url('../font/sentinel.eot'); /* IE9+ */
}
.order_time {
   /* font-family: sentinel;*/
    font-style: italic;
}
.clear {
  clear: both;
}
.clear:after {
  display: block;
  clear: both;
  content: "";
  overflow: hidden;
  height: 0;
}
a {
  text-decoration: none; }

table{border-collapse:collapse;border-spacing:0;}
.pointer{cursor:pointer;}
/** 重置图片元素 **/img{border: none;}
/** 重置表格元素 **/table{border-collapse: collapse;border-spacing: 0;}
/** 清楚浮动 **/.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix{zoom: 1;}
/* IE6*/*:first-child + html .clearfix{zoom: 1;}
/* IE7*/textarea, input{resize: none;}
a, textarea, input, button{outline: none;}
/*textarea {
    width: 100%;
}*/
.header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.bg-white {
  background-color: #fff; }

.header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
/* 文字排版 */
.ff-myh{
    font-family:"Microsoft YaHei UI";
}
.clearfloat{
  clear: both;
  overflow: hidden;
}
.fb{ font-weight:bold;}
.fn{ font-weight:normal;}

.f7{ font-size:0.7rem!important;}
.f75{ font-size:0.75rem!important;}
.f8{ font-size:0.8rem!important;}
.f85{ font-size:0.85rem!important;}
.f9{ font-size:0.9rem!important;}
.f95{ font-size:0.95rem!important;}
.f10{ font-size:1rem!important;}
.f11{ font-size:1.1rem!important;}
.f12{ font-size:1.2rem;}
.fr12{ font-size:1.2rem !important;}
.f13{ font-size:1.3rem!important;}
.f14{ font-size:1.4rem!important;}
.f15{ font-size:1.5rem;}
.f16{ font-size:1.6rem;}
.f18{ font-size:1.8rem;}
.f20{ font-size:2.0rem;}
.f22{ font-size:2.2rem;}
.f24{ font-size:2.4rem;}
.f26{ font-size:2.6rem;}
.f28{ font-size:2.8rem;}
.f30{ font-size:3.0rem;}
.f32{ font-size:3.2rem;}
.f34{ font-size:3.4rem;}
.f36{ font-size:3.6rem;}
.f40{ font-size:4rem;}

/*行高*/
.lh100{line-height:100%;}
.lh15{line-height:1.5rem !important;}
.lh18{line-height:1.8rem !important;}
.lh20{line-height:2rem !important;}
.lh22{line-height:2.2rem !important;}
.lh24{line-height:2.4rem !important;}
.lh25{line-height:2.5rem !important;}
.lh30{line-height:3.0rem !important;}
.lh35{line-height:3.5rem !important;}
.lh40{line-height:4rem;}
.lh45{line-height:4.5rem;}
/*line-height*/
.lh2 {
  line-height: 2;
}

.t5{ top:0.5rem }
.t10{ top:1rem }
.t15{ top:1.5rem }
.t20{ top:2rem }

.tf5{ top:-0.5rem }
.tf10{ top:-1rem }
.tf15{ top:-1.5rem }
.tf20{ top:-2rem }

/* 边距 */
.m0{margin:0 auto;}
.m10{ margin:1rem !important}
.m15{ margin:1.5rem !important}
.m20{ margin:2rem !important}
.m30{ margin:3rem !important}
.mt5{ margin-top:0.5rem !important}
.mt10{ margin-top:1rem !important}
.mt15{ margin-top:1.5rem !important}
.mt20{ margin-top:2rem !important}
.mt25{ margin-top:2.5rem !important}
.mt30{ margin-top:3rem !important}
.mt40{ margin-top:4rem !important}

.mtr15{ margin-top:1.5rem !important}
.mtr20{ margin-top:2rem !important}
.mtr25{ margin-top:2.5rem !important}
.mt90 {margin-top: 90px;}
.mt150 {margin-top: 15rem;}

.mb5{ margin-bottom:0.5rem !important}
.mb4px{ margin-bottom:4px !important}
.mb10{ margin-bottom:1rem !important}
.mb15{ margin-bottom:1.5rem !important}
.mb20{ margin-bottom:2rem !important}
.mb30{ margin-bottom:3rem !important}
.mb40{ margin-bottom:4rem !important}
.mb50{ margin-bottom:5rem !important}
.mb60{ margin-bottom:6rem !important}
.mb25 {
  margin-bottom: 25px;
}
.ml5{ margin-left:0.5rem !important}
.ml3{ margin-left: 3px !important}
.ml10{ margin-left:1rem !important}
.ml15{ margin-left:1.5rem !important}
.ml20{ margin-left:2.0rem !important}
.ml6 {margin-left: 6px;}
.mr0{ margin-right:0 !important}
.mr5{ margin-right:0.5rem !important}
.mr10{ margin-right:1.0rem !important}
.mr15{ margin-right:1.5rem !important}
.mr20{ margin-right:2.0rem !important}
.mr3 {  margin-right: 3px;}
.pmr5{margin-right: 5%}


.pt0 {padding-top: 0;}
.p2{padding:0.2rem;}
.p3{padding:0.3rem;}
.p5{padding:0.5rem;}
.p10{padding:1rem;}
.p15{padding:1.5rem;}
.p20{padding:2rem;}
.p30{padding:3rem;}

.pb0{padding-bottom: 0!important}
.pt5{padding-top:0.5rem;}
.pt10{padding-top:1rem;}
.pt15{padding-top:1.5rem;}
.pt20{padding-top:2rem;}
.pt25{padding-top:2.5rem;}
.pt30{padding-top:3rem;}
.pt84{
  padding-top: 84px;
}
.pb5{padding-bottom:0.5rem;}
.pb10{padding-bottom:1rem;}
.pb15{padding-bottom:1.5rem;}
.pb20{padding-bottom:2rem;}
.pb30{padding-bottom:3rem;}
.pb60{padding-bottom: 6rem;}

.pl5{padding-left:0.5rem;}
.pl10{padding-left:1rem;}
.pl15{padding-left:1.5rem;}
.pl20{padding-left:2rem;}
.pl25{padding-left:2.5rem;}
.pl30{padding-left:30px;}

.pr1{padding-right:0.1rem;}
.pr2{padding-right:0.2rem;}
.pr5{padding-right:0.5rem;}
.pr10{padding-right:1rem;}
.pr15{padding-right:1.5rem;}
.pr20{padding-right:2rem;}
.pr22{padding-right:2.5rem;}
.pr30{padding-right:3rem;}


.c_999{color:#999 !important;}
.c_666{color:#666 !important;}
.c_333{color:#333 !important;}
.c_aaa{color: #aaa !important}
.c_ccc {color:#ccc !important;}
.c_fff{color:#fff !important;}

.c_1e384b{color:#1e384b}/*默认标题字体颜色  头部中间标题  商品标题 深棕色*/
.c_a8a8a8{color:#a8a8a8}/*默认more字体颜色 浅灰色*/
.c_9b9b9b{color:#9b9b9b}/*默认商品规格字体颜色 浅灰色*/
.c_b0c2cc{color: #b0c2cc}/*复制文本字体颜色 浅蓝色*/
.c_a1a1a1{color:#a1a1a1}
.c_81ad94{color:#81ad94}/*默认商品价格字体颜色 - 墨绿色*/
.c_ee9b84{color:#ee9b84}/*默认个人信息验证选中字体颜色 - 胭脂红 */
.c_afc1cb{color:#afc1cb}/*默认个人信息验证未选中字体颜色 - 浅蓝色 */
.c_f5a623{color:#f5a623}
.c_6f6f6f{color:#6f6f6f}
.c_1b374b{color:#1b374b}
.c_6f6f6f{color:#6f6f6f}
.c_e88671{color: #e88671}/*我的订单里去付款字体颜色 - 红色 */
.c_b0c3cc{color: #b0c3cc  !important;}
.c_a5a5a5{color:#a5a5a5;}
.bg_ee9b84{ background:rgba(232,137,86,.9)}/*默认商品优惠背景颜色 - 胭脂红 透明度0.9*/
.bg_f5f5f5{background-color: #f5f5f5}   /* 我的订单背景色*/
.bg_fff{background-color:#fff} /* 白色 */
.wd5{width:5% !important}
.wd7 {width: 7%;}
.wd10{width:10% !important;}
.wd12{width:12% !important;}
.wd13{width:13%}
.wd14{width:14%}
.wd15{width:15% !important}
.wd15{width:16%}
.wd15{width:18%}
.wd20{width:20% !important}
.wd25{width:25% !important}
.wd30{width:30% !important}
.wd33 {width: 33%}
.wd35 {width: 35% !important}
.wd38 {width: 38%}
.wd40 {width: 40% !important}
.wd45 {width: 45% !important}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important}
.wd60 {width: 60% !important}
.wd65 {width: 65% !important}
.wd70 {width: 70% !important}
.wd75 {width: 75% !important}
.wd78 {width: 78% !important}
.wd80 {width: 80% !important;}
.wd88{width: 88% !important}
.wd90 {width: 90%!important;position:relative;}
.wd94 {width: 94%;position:relative;}
.wd95 {width: 95%!important;position:relative;}
.wd96 {width: 96%!important;position:relative;}
.wd98 {width: 98%!important;}
.wd100 {width: 100% !important;position:relative;}

.mht{min-height:100%}

.cp{cursor:pointer;}

.v6px{vertical-align: 6px}
.v3px{vertical-align: 3px}

.wbreak{word-break: break-all;}

.txdun{text-decoration:underline!important;}
.txdno{text-decoration:none;}
.txdth{text-decoration:line-through;}

.td1{ text-indent:1rem;}
.td2{ text-indent:2rem;}

.txtl{text-align:left!important;}
.txtr{text-align:right!important;}
.txtc{text-align:center !important;}

.vam{vertical-align:middle;}
.vatl{vertical-align:baseline;}
.vatb{vertical-align:text-bottom;}
.vatt{vertical-align:text-top;}

.bdr{border-right:none !important;}
.bdm{border-bottom:none !important;}
.bdl{border-left:none !important;}
.btm{border-bottom:1px dashed #ddd !important;}
.bsm{border-bottom:1px solid #ddd !important;}
.bdm_b0c2cc{border-bottom: 1px solid #b0c2cc;}
.bt0{bottom: 0!important}

.dn {display:none;}
.db {display:block;}
.dbl{display: inline-block;}

.pab{position:absolute;}
.pre{position:relative;}

.fl{float: left;}
.fr{float: right;}


/*超出长度省略号*/
.ellips{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
/*position*/
.right-bottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.border-b{
  border-bottom: 1px solid #eef3f5;
}
.border-t{
  border-top : 1px solid #eef3f5;
}
/*a标签按钮*/
.pink_btn{
  padding: 1rem 0;
  line-height: 1.5rem;
  background-color: #E88671;
  border-radius: .3rem; 
  text-align: center;
  font-size: 1.4rem
}
.sure_btn{
  background-color: #1b374b;  
}
.buy_btn{
  background-color: #fff;
  border:1px solid #afc1cb;
}
.pink_button{
  background-color: #e9a28c;
  color: #fff;
  border:none!important;
}


.bdm8{
  border-bottom: .8rem solid #eef3f5;
  } 
.bdt8{
  border-top: .8rem solid #eef3f5;
} 
.homePage{
   border-bottom:none;
}

header p ,.header p{
    width: 45%;
    margin: 0 auto;
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    line-height: 44px;
    white-space: nowrap;
    color: #1d384b;
    overflow: hidden;
    text-overflow: ellipsis; }
header span,.header span{
    /*position: absolute;*/
    top: 0;
    line-height: 44px;
    font-size: 14px;
}
header span:last-of-type,.header span:last-of-type{
    right: 10px; }
header span.close,.header span.close{
  width: 40px;
  height: 44px;
  background: url(../images/icon.png) no-repeat right;
  background-position: 25px -350px;
} 
header span.clear-btn{
  text-indent: 5px
}
header span.status {
    padding: 5px 10px;
    border: 1px solid #5fb3c8;
    line-height: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    top: 10px; }
header span.status b {
      font-weight: normal; }
header span.status i {
      width: 4px;
      height: 4px;
      display: inline-block;
      margin-left: 3px;
      border-bottom: 1px solid #fff;
      border-left: 1px solid #fff;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      vertical-align: 3px; }
header span.status select {
      width: 100%;
      padding: 3px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0; }
  header span.shoose-box {
    right: 40px; }
header .shoose-box::after {
    content: "";
    width: 18px;
    height: 18px;
    margin-left: 5px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
    background-size: cover;
    background-position: 0 -41px;
    vertical-align: sub; }
header span.shoose-box-s::before {
    position: absolute;
      content: "";
      width: 7px;
      height:7px;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      background: #e88671;
      top: 10px;
      right: 0
    }
header span.search-box {
    right: 10px; }
  header .search-box::after {
    content: "";
    width: 18px;
    height: 18px;
    margin-left: 5px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
    background-size: cover;
    background-position: 0 -72px;
    vertical-align: sub; }
header .call-center::after {
    content: "";
    width: 22px;
    height: 22px;
    margin-left: 5px;
    display: inline-block;
    background: url(../images/kefu.png) no-repeat;
    background-size: cover;
    
    vertical-align: sub; }
header .arrow::after,.searchgo .arrow::after{
    width: 11px;
    height: 11px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    left: 3px;
    top: 15px;
    border-color: #1d384b;
    border-width: 2px; }

header .arrow2::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 15px;
    width: 11px;
    height: 11px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    border-top: 2px solid #1b374b;
    border-right: 2px solid #1b374b; }
header .collect {
    width: 18px;
    height: 30px;
    padding: 14px 13px 0;
    position: absolute;
    top: 0;
    right: 10px;
    display: inline-block;
    transform: translateX(13px);
    -webkit-transform: translateX(13px); }
header .collect::before{
    content: '';
    width: 18px;
    height: 1/7rem;
    display: inline-block;
    background: url(../images/collect-star.png) no-repeat;
    background-size: 1.8rem auto; }
header .no-collect::before {
    content: '';
    background: url(../images/no-collect-star.png) no-repeat;
    background-size: 1.8rem auto; }
header .ui-tab {
    width: 50%;
    margin: 0.7rem auto 0;
    background: none;
    border-color: #b2dbfa;
    text-align: center;
    color: #fff; }
header .ui-tab .current {
      background: #b2dbfa;
      color: #1b374b; }

header.boxpack-start span.arrow {
  position: static;
  display: block;
  width: 32px;
  height: 44px;
  margin-right: 8px; }
header.boxpack-start span.arrow::after {
    left: 13px; }
header.boxpack-start span.shoose-box {
  position: static;
  margin-right: 10px; }
header.boxpack-start .search-box {
  width: 100%;
  padding: 0;
  margin: 0 10px 0 0;
  background: none; }
header.boxpack-start .search-box .c-close-btn {
    left: auto;
    width: 16px;
    margin-top: -1px;
    padding: 7px 14px;
    line-height: 100%;
    text-indent: 0; }
.boxShadow{box-shadow: 1px 0px 7px rgba(27,55,75,0.08)}

/*底部导航*/
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: rgba(255,255,255,1);
  overflow: hidden;
  box-shadow: 0px -1px 4px rgba(27,55,75,0.08);
  z-index: 135; }

footer .nav-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: box;
  box-orient: horizontal; }

footer .nav-list li {
  height: 50px;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  text-align: center;
  position: relative;
  color: #fff; }
footer .nav-list li a .cart_sales_nums,.pro_addcart a .cart_sales_nums {
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background: #e88671;
    font-size: .75rem;
    z-index: 10;
}
footer .nav-list li span,.pro_addcart a span{
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: 20px 20px; }

footer .nav-list li .footer-index {
  background-image: url("../images/footer/home.png");
   }

footer .nav-list li .footer-callcenter {
  background-image: url("../images/footer/service.png");
}
footer .nav-list li .footer-activity{
  background-image: url("../images/footer/sale.png");
}
footer .nav-list li .footer-shoppingcart,.pro_addcart .footer-shoppingcart,header span.footer-shoppingcart{
  background-image: url("../images/footer/shop.png");
  }
footer .nav-list li .footer-personal {
  background-image: url("../images/footer/mine.png");
}
header span.footer-shoppingcart{
  width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-size: 24px auto;
  
     top: 10px;
}
header span .cart_sales_nums {
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background: #e88671;
    font-size: .75rem;
    z-index: 10;
}
footer .nav-list li a{
  color: #fff
}
footer .nav-list li a p{
  width: 65px;
  text-align: center;
  margin-top: 3px;
  font-family: "Microsoft YaHei";
  font-size: 1.3rem;
  line-height: 100%; 
  color: #1b374b}

footer .nav-list ul li.current a p{
  color: #e88671; }

footer .nav-list ul li.current .footer-index {
  background-image: url("../images/footer/home-red.png");
}
footer .nav-list ul li.current .footer-personal{
  background-image: url("../images/footer/mine-red.png");
}
footer .nav-list li.current .footer-activity{
  background-image: url("../images/footer/sale-red.png");
}
footer .nav-list li.current .footer-shoppingcart {
  background-image: url("../images/footer/shop-red.png");
  }
footer .nav-list ul li.current .footer-callcenter {
  background-image: url("../images/footer/service-red.png");
}
/*轮播*/
.swiper-pagination-bullet-active{
  background:#fff;
}
/*弹框*/
.rDialog {
  position: fixed;
  _position: absolute; }

.rDialog-wrap {
  position: relative;
  background: #fff;
  opacity: 1;
  background-clip: padding-box;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 1em 1em; }

.rDialog-wrap-alert {
  color: #fff;
  position: relative;
  background: rgba(0, 0, 0, 0.7);
  background-clip: padding-box;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 1px 1px 1px #000;
  padding: 1em 1em; }

.rDialog-header-load {
  text-align: center;
  background: url("../images/xubox_loading0.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 50px;
  height: 23px;
  margin: auto; }

.rDialog-header-load2 {
  text-align: center;
  background: url("../images/xubox_loading2.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 32px;
  height: 32px;
  margin: auto; }

.rDialog-header-alert,
.rDialog-header-ok {
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 53px;
  margin: auto;
  color: #fff; }

.rDialog-header-alert {
  background-position: 0 -53px; }

.rDialog-wrap-alert .rDialog-content {
  color: #fff;
  border-bottom: none; }

.rDialog-header-ok {
  background-position: 0 0; }

.rDialog-content {
  padding: 1em 1em;
  font-size: 1em;
  color: #fff;
  overflow: hidden;
  text-align: center;
  color: #1d1d1d; }

.rDialog-footer {
  padding: 0 15px;
  text-align: center; }

.rDialog-footer a {
  display: inline-block;
  margin-bottom: 15px;
  height: 32px;
  line-height: 32px;
  padding: 0 36px;
  font-size: 0.8em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;}

.rDialog-mask {
  position: fixed;
  _position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=30);
  opacity: .3; }

.rDialog-white {
  position: fixed;
  _position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: alpha(opacity=30); }

.rDialog-wrapundefined {
  background: #fff;
  color: #1d1d1d;
  border-radius: 5px;
  -webkit-border-radius: 5px; }

.rDialog-content {
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 10px; }

.header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ui-btn-lg, .ui-btn-lg-nbg, .ui-btn-s-nbg, .ui-btn-m-nbg, .ui-btn-s, .ui-btn-m {
  width: 100%;
  height: 40px;
  -webkit-border-radius:4px;
  border-radius: 4px;
  font-size: 1.8rem;
  color: #fff; }

.ui-btn-lg-nbg, .ui-btn-s-nbg, .ui-btn-m-nbg {
  background: none;
  border: 1px solid #afc1cb;
  color: #1b374b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.ui-btn-lg-nbg{
  width: 100%
}
.ui-btn-s, .ui-btn-s-nbg, .ui-btn-m-nbg {
  width: auto;
  height: 30px;
  padding: 0 10px;
  font-size: 1.4rem; }

.ui-btn-m {
  width: auto;
  height: 30px;
  padding: 0 20px;
  font-size: 1.4rem; }

.btn-primary {
  background-color: #1d384b; }

.btn-warn {
  background-color: #afc1cb; }

.btn-denger {
  background-color: #e88671; }

.btn-gray {
  background-color: #dee0e1; }

button .ui-loading2 {
  margin: -1rem auto 0;
  -webkit-transform: scale(0.3);
  transform: scale(0.3); }
button .ui-loading2 .ui-loading2-container1 div, button .ui-loading2 .ui-loading2-container2 div {
    background-color: #fff; }

button[class="ui-btn-lg-nbg"] .ui-loading2-container1 div, button[class="ui-btn-s-nbg"] .ui-loading2-container1 div, button[class="ui-btn-lg-nbg"] .ui-loading2-container2 div, button[class="ui-btn-s-nbg"] .ui-loading2-container2 div {
  background-color: #1d384b; }

button[class="ui-btn-s-nbg"] .ui-loading2 {
  margin: -1.5rem auto; }

button[class="ui-btn-s"] .ui-loading2 {
  margin: -1.5rem auto; }

.boxflex {
  display: -webkit-flex;
  display: flex; }

.flex-one {
  -webkit-flex: 1; }

.box, .box-center, .align-center, .header, .align-end, .pack-center, .pack-end {
  display: -webkit-box;
  display: box; }

.orient-ver {
  display: -webkit-box;
  -webkit-box-orient: vertical; }

.box-center {
  -webkit-box-pack: center;
  -webkit-box-align: center; }

.align-center, .header {
  -webkit-box-align: center; }

.align-end {
  -webkit-box-align: end; }

.pack-center {
  -webkit-box-pack: center; }

.pack-end {
  -webkit-box-pack: end; }

.header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 4.4rem;
  padding: 0 1rem;
  font-size: 1.5rem;
  color: #1d1d1d;
  z-index: 100; }
.header_div{
  width:100%;position:fixed;top:0;left:0;z-index: 4
}

.header-arrow-left {
  position: absolute;
height: 44px;}
.header-arrow-left::before {
  position: absolute;
    content: "";
    display: block;
    width: 9px;
    height: 9px;  
    top: 16px;
    margin-right: 0.5rem;
    border: 2px solid #7c7c7c;
    border-radius: 2px;
    border-bottom: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.header-title {
  margin-left: -40px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 2px;
  -webkit-box-flex: 1; }

.scroll-box {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff; }

.scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.page-content {
  position: relative;
  height: 100%;
  padding-top: 45px;
  padding-bottom: 52px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }
.page-content * {
    word-break: break-all; }

.body-gray {
  background: #f5f5f5; }

h2 {
  font-weight: 400;
  font-size: 16px;
  color: #1d1d1d; }

h3 {
  font-weight: normal;
  font-size: 14px;
  color: #1d1d1d; }

del {
  font-size: 12px;
  color: #ccc; }

.height15 {
  height: 15px; }

.height108 {
  height: 108px; }

.height45 {
  height: 45px; }
.height48{
  height: 48px;
}
.height52 {
  height: 52px; }

.height115 {
  height: 115px; }

.mt50 {
  margin-top: 5rem; }

.red { 
  color: #e88671 !important;
  border-color: #e88671; }
.red-bg{
  background:#e88671;
}
.lightRed{
  color: #edb2a6;
}
.pink {
  color: #ee9b84 !important;
  border-color: #45c019; }

.green {
  color: #81ad94 !important;
  border-color: #a2a2a2; }
.lightGreen {
  color: #7eb192 
 }
.grayGreen{
  color: #ccdcd2
 }
.green-bg{
  background: #81ad94 }
.gray {
  color: #8a8a8a !important;
  border-color: #8a8a8a; }

.lightGray {
  color: #9b9b9b !important;
  border-color: #9b9b9b; }
.lightDarkblue {
  color: #7b8a96 !important;
  border-color: #7b8a96; }

.orange {
  color: #ff4f14;
  border-color: #ff4f14; }

.lightBlue {
  color: #afc1cb; }
.barkBlue{
  color: #39587e;
}
.grayBlue{
  color: #adb8c6
}
.barkBlue-bg{
  background: #39587e;
}

.under-line {
  text-decoration: underline; }

.yellow {
  color: #f5a623;
  border-color: #f5a623; }

.black {
  color: #1d1d1d !important;
  border-color: #1d1d1d; }

.bold {
  font-weight: bold; }

.bg-pic {
  background: url(../images/default-img.png) no-repeat;
  background-size: cover;
}
.bg-pic img {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff; }
.cl {
  clear: both;
}
.align-c {
    text-align: center;
}
.style {
  display: none;}

.ui-active {
  background-color: rgba(80, 80, 80, 0.1) !important;
}
.input-number::-webkit-inner-spin-button {
  -webkit-appearance: none; }

.input-number::-webkit-outer-spin-button {
  -webkit-appearance: none; }

.return-top {
  position: fixed;
  bottom: 0.8rem;
  right: 0.2rem;
  width: 0.45rem;
  height: 0.45rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.35rem;
  line-height: 1;
  z-index: 100;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center; 
}
.return-top::before {
    content: "";
    display: block;
    width: 0.13rem;
    height: 0.13rem;
    background-image: url("../images/return-top.png");
    background-size: 0.13rem auto; }
.return-top::after {
    content: "顶部";
    display: block;
    margin-top: 0.03rem;
    color: #fff;
    font-size: 10px; }

.right-top, .right-bottom, .bottom-right {
  position: absolute;
  font-size: 12px;
  color: #7d7d7d; }

/*gray-div*/
.graydiv, .graydiv-five, .graydiv-three {
  width: 100%;
  height: 0.15rem;
  background: #f5f5f5; }

.graydiv-five {
  height: 0.5rem; }

.graydiv-three {
  height: 0.3rem;}

button[disabled] {
  color: #fff !important;
  border-color: #a2a2a2 !important;
  background: #dee0e1 !important; }

.btnSmall {
  height: 0.25rem;
  border-radius: 0.03rem;
  -webkit-border-radius: 0.03rem;
  color: #fff;
  font-size: 0.14rem; }

.btnBig, .btnBig-nb {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  color: #fff;
  text-align: center;
  display: inline-block;
  background: #eef3f5;
  border-radius: 0.07rem;
  font-size: 18px; }
.btnBig[disabled], [disabled].btnBig-nb {
    color: #fff;
    background: #ccc; }

.btnBig-nb {
  background: none;
  color: #eef3f5;
  border: 1px solid #eef3f5;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.btn-nb {
  background: none;
  border-width: 1px;
  border-style: solid;
  padding: 0 0.05rem;
  border-radius: 0.03rem;
  -webkit-border-radius: 0.03rem;
  display: inline-block; }

.title-line {
  padding: 10px;
  background: #f5f5f5;
  border-bottom: 3px solid #d7e4e8;
}

.c-arrow {
  position: relative; }

.c-arrow::after, .arrow::after, .arrowup::after, .middle-arrow::after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-top: 2px solid #cdcdcd;
  border-right: 2px solid #cdcdcd;
  transform: rotate(135deg);
  position: absolute;
  left: 10px;
  top: 1.2rem;
  -webkit-transform: rotate(135deg); }

.arrowup::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.middle-arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 3.125%;
  -webkit-transform: translate(0.05rem, -0.15rem);
  transform: translate(0.05rem, -0.15rem); }

.middle-arrow::after {
  top: 50%;
  right: 50%;
  width: 0.1rem;
  height: 0.1rem;
  margin-top: -0.09rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.flex {
  display: -webkit-flex; }

.flex-one {
  -webkit-flex: 1; }

.box, .box-center, .align-center, .header, .align-end, .pack-center, .pack-end {
  display: -moz-box;
  display: -webkit-box;
  display: box; }

.boxflex-one {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1; }
.boxflex-two {
  -moz-box-flex: 2;
  -webkit-box-flex: 2;
  box-flex: 2; }
.boxpack-center, .boxpack-start, .boxpack-end {
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center; }

.boxpack-start {
  -webkit-box-pack: start;
  box-pack: start; }

.boxpack-end {
  -webkit-box-pack: end;
  box-pack: end; }

/*.clamp-two, .clamp-one,.clamp-three{
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical; 
  box-orient: vertical; 
}
.clamp-one {
  -webkit-line-clamp: 1;
  line-clamp: 1; }
.clamp-three {
  -webkit-line-clamp: 3;
  line-clamp: 3; }
*/
.position-fixed {
  position: fixed; }

@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg"); }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*animate*/
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite; }

/* liu add */
.height38 {
  height: 0.52rem; }

.height5 {
  height: 0.5rem;
  background: #f5f5f5;
  width: 100%; }

.height3 {
  height: 0.03rem;
  background: #f5f5f5;
  width: 100%; }

.load-shadow {
  position: fixed;
  top: 0;
  left: 0;
  background:rgba(0,0,0,.4);
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center; }

.load-shadow div {
  background: #000 center no-repeat;
  width: 80px;
  height: 80px;
  text-align: center;
  background-size: 40px;
  left: 50%;
  margin-left: -40px;
  position: fixed;
  top: 50%;
  margin-top: -40px;
  border-radius: 15px;
  opacity: .8;
  -webkit-border-radius: 15px; }

.load-shadow div img {
  position: absolute;
  left: 25px;
  top: 25px;
  width: 30px;
  height: 30px;
  -webkit-animation: btnRotate 1.2s linear infinite; }

.ui-shade {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  z-index: 10; }

@-webkit-keyframes btnRotate {
  0% {
    -webkit-transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg); } }
.loadingdown {
  text-align: center; }
.loadingdown img {
    width: 25px;
    height: 25px; }

.load-min {
  width: 30px;
  height: 30px;
  background: url(../images/xubox_loading2.gif) no-repeat;
  background-size: cover;
  position: fixed;
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -15px;
  -webkit-animation: btnRotate 1.2s linear infinite; }

.hintBig {
  font-size: 0.15rem;
  text-align: center; }

html,
body,
.page {
  height: 100%;
  width: 100%; }

.dialog-box-end {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-align: end;
  z-index: 80; }

.dialog-end {
  width: 100%;
  background: #fff; }

.vip-icon-common {
  width: 13px;
  height: 13px;
  display: inline-block;
  background-image: url("../images/vip-icon.png");
  background-size: 13px auto;
  vertical-align: -1px; }

.cant h3 {
  color: #9b9b9b; }
.cant h2 {
  color: #9b9b9b; }
.cant p {
  color: #9b9b9b; }
.cant .price-box {
  color: #9b9b9b !important; }

.comment-star-bg, .comment-star {
  width: 0.63rem;
  height: 0.12rem;
  background: url("../images/detail-star-blank.png") repeat-x 0 -0.17rem;
  background-size: 0.13rem auto;
  overflow: hidden; }

.comment-star {
  width: 100%;
  background-position: 0 0; }

.bottom-fixed-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 100; }
.bottom-fixed-box .red {
    font-size: 16px; }
.bottom-fixed-box .ui-btn-s, .bottom-fixed-box .ui-btn-s-nbg, .bottom-fixed-box .ui-btn-m-nbg {
    height: 49.rem;
    width: 9rem;
    padding: 0;
    border-radius: 0;
    font-size: 14px; }

.common-close {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px; }
.common-close::before, .common-close::after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 14px;
    height: 1px;
    background-color: #1b374b; }
.common-close::before {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg); }
.common-close::after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg); }

/*返回顶部*/
  .goto_top{
    position:fixed;
    bottom:15%;
    right:5%;
    width:4rem;
    height:4rem;
    border:1px solid #ccc;
    border-radius:50%;
    -webkit-border-radius:50%;
    background:rgba(255,255,255,.8);
    text-align:center;
    display:none;
    z-index:80
  }
  .goto_top img{
    width:1.5rem;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-top:15%;
    margin-bottom:3px;
  }
  .goto_top p{
    color:#666;
    font-size:1rem
  }
  /*返回顶部结束*/

  #goodstotalNum{color: #fff}
  /* 404 page */
  .wrongPage{margin-top: 30%}
  .wrong_go{    
    width: 70%;
    margin: 0 auto;
    margin-top: 3rem;
  }
  .wrong_go a{
    border:1px solid #afc1cb;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: .5rem 1rem;
  }
  .pos-rel {position: relative;}
/*选择语言*/
.languageTab{
  height: 28px;
  background: #fff;
  font-size: 1.4rem;
  border-top: 1px solid #eef3f5;
  line-height: 28px;
  padding: 5px 10px;
}
.languageTab .languageItem{
  padding: 0 10px;
  background: #e98671;
  -webkit-border-radius:3px;
  border-radius: 3px;
  color: #fff;
}
.info-box{
  background-color: #f9fbfb;
  padding: 25px 10px;
  text-align: center;
  color: #4A525D;
  font-size: 1.5rem 
}
.info-box p{
  padding: 3px 0
}
.tap-vs{
  padding: 7px 10px;
  margin-top: 2px;
}
.tap-vs p,.tap-vs span{
  display: inline-block;
  font-size: 1.4rem;
  color: #AFC1CB;
  padding: 0 10px;
}
.tap-vs p.on a{
  color: #E88671
}

[v-cloak] {
  display: none;
}
.ls8{
  letter-spacing:8px;
}
.ls7{
  letter-spacing:7px;
}
.ls6{
  letter-spacing:6px;
}
.ls5{
  letter-spacing:5px;
}
.ls4{
  letter-spacing:4px;
}
.ls3{
  letter-spacing:3px;
}
.ls2{
  letter-spacing:2px;
}
.ls1{
  letter-spacing:1x;
}
